﻿<!doctype html>
<html>
<head>
    <title>Home</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="keywords" content="Education Tutorial Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
    <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
    <!--bootstrap-->
    <link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all">
    
    <!--coustom css-->
    <link href="css/style.css" rel="stylesheet" type="text/css" />
  
    <!--script-->
    <script src="js/jquery-1.11.0.min.js"></script>

    <!-- js -->
    <script src="js/bootstrap.js"></script>
    <script src="Scripts/jquery-1.8.2.min.js"></script>
    <!-- /js -->
    <!--fonts-->
    <link href='https://fonts.googleapis.com/css?family=Open+Sans:300,300italic,400italic,400,600,600italic,700,700italic,800,800italic' rel='stylesheet' type='text/css'>
    <!--/fonts-->
    <!--hover-girds-->
    <link rel="stylesheet" type="text/css" href="css/default.css" />
    <link rel="stylesheet" type="text/css" href="css/component.css" />
    <script src="js/modernizr.custom.js"></script>
    <!--/hover-grids-->
    <script type="text/javascript" src="js/move-top.js"></script>
    <script type="text/javascript" src="js/easing.js"></script>
    <!--script-->
    <script type="text/javascript">
			jQuery(document).ready(function($) {
				$(".scroll").click(function(event){
					event.preventDefault();
					$('html,body').animate({scrollTop:$(this.hash).offset().top},900);
				});
			});

			function Login()
			{
			    var name = $("#email").val();
			    if (name == "")
			    {
			        alert("账号不能为空");
			        return;
			    }
			    var pwd = $("#password").val();
			    if (pwd == "")
			    {
			        alert("密码不能为空");
			        return;
			    }
			    $.ajax({
                    type:'get',
                    url: '/User/GetUserList',
                    data: {
                        name: name,
                        pwd:pwd
                    },
                    success: function (d) {
                        $(d).each(function (i, obj) {
                            if ("" + obj.Rolename + "" == "VIP用户") {
                                alert("会员用户登录成功");
                            }
                            else if ("" + obj.Rolename + "" == "普通用户") {
                                alert("登录成功");
                            }
                            document.cookie = "name=" + obj.Uname;
                            document.cookie = "pwd=" + obj.Upwd;
                            
                        })
                        if (d < 0)
                        {
                            alert("错误")
                        }
                        var a = "<a href='Online_Myself.html'><span data-hover='About'>个人中心</span></a>"
                        $("#Online_v").html(a);

                        
                    }
			    })
			}
			function LoginDo()
			{
			    alert("您还未登录");
			}
    </script>
    <!--/script-->
</head>
<body style="background-image: url('Image/10张模糊背景图片素材04_lanrentuku.com.jpg'); background-size:100% 100%">
    <!--header-->
    <div class="header" id="home">
        <nav class="navbar navbar-default">
            <div class="container">
                <!-- Brand and toggle get grouped for better mobile display -->
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"> </span>
                        <span class="icon-bar"> </span>
                        <span class="icon-bar"> </span>
                    </button>
                    <h4><a class="navbar-brand" href="index.html">MusicExam<br /><span></span></a></h4>
                </div>
                <!-- Collect the nav links, forms, and other content for toggling -->
                <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                    <ul class="nav navbar-nav navbar-right margin-top cl-effect-2">
                        <li><a href="index.html"><span data-hover="Home">主页</span></a></li>
                        <li><a href="Online_Video.html"><span data-hover="About">在线视频</span></a></li>
                        <li><a href="Online_Exam.html" ><span data-hover="Shortcodes">在线考试</span></a></li>
                        <li><a href="Online_BBS.html" ><span data-hover="Shortcodes">论坛中心</span></a></li>
                        <li><a href="Online_College.html"><span data-hover="Gallery">学院试题</span></a></li>
                        <li id="Online_v"><a  onclick="LoginDo()"><span data-hover="Contact">个人中心</span></a></li>
                    </ul>
                    <div class="clearfix"> </div>
                </div><!-- /.navbar-collapse -->
                <!-- /.container-fluid -->
                <div class="login-pop">
                    <div id="loginpop">
                        <a href="#" id="loginButton"><span>登录</span></a>
                        <div id="loginBox">
                            <form id="loginForm">
                                <fieldset id="body">
                                    <fieldset>
                                        <label for="email">账号</label>
                                        <input type="text" id="email" placeholder="请输入账号">
                                    </fieldset>
                                    <fieldset>
                                        <label for="password">密码</label>
                                        <input type="password" id="password" placeholder="请输入密码">
                                    </fieldset>
                                    <input type="button" id="login" value="登录" onclick="Login()">
                                    <a href="Online_Regin.html" style="float:right" type="submit">注册</a>
                                </fieldset>                            
                            </form>
                        </div>
                    </div>
                </div> 
                <script src="js/menu_jquery.js"></script>
            </div>
        </nav>
        <!--/script-->
        <div class="clearfix"> </div>
    </div>
    <!-- Top Navigation -->
    <div class="banner">
        <div class="container">
            <script src="js/responsiveslides.min.js"></script>
            <script>
    $(function () {
      $("#slider").responsiveSlides({
      	auto: true,
      	nav: true,
      	speed: 500,
        namespace: "callbacks",
        pager: true,
      });
    });
            </script>'
            <div>
                <marquee scrollamount=9 scrolldelay=3 valign=middle behavior="scroll" style="width:800px;height:200px">
                    <img src="Image/小喇叭.png" style="width:50px; height:50px;" />
                    <a id="Gg_show" href="#">欢迎来到中国最大的在线音乐与考试网,不定时的更新出网站中最新的活动链接。</a>
                </marquee>
            </div>
           
            <div class="slider">
                <div class="callbacks_container">
                    <ul class="rslides" id="slider">
                        <li>
                            <h3>暑假大礼包</h3>
                            <p>1111111111111111111111111111111111111</p>
                            <div class="readmore">
                                <a href="#" onclick="LoginDo()">Go!<i class="glyphicon glyphicon-menu-right"> </i></a>
                            </div>
                        </li>
                        <li>
                            <h3>寒假大礼包</h3>
                            <p>1111111111111111111111111111111111111</p>
                            <div class="readmore">
                                <a href="#" onclick="LoginDo()">Go!<i class="glyphicon glyphicon-menu-right"> </i></a>
                            </div>
                        </li>
                  
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!--header-->
    <!--weelcome-->
    <div class="welcome">
        <div class="container">
            <h2>欢迎来到音乐考试与学习网</h2>
            <p>欢迎来到音乐考试与学习网欢迎来到音乐考试与学习网欢迎来到音乐考试与学习网欢迎来到音乐考试与学习网欢迎来到音乐考试与学习网欢迎来到音乐考试与学习网欢迎来到音乐考试与学习网</p>
        </div>
    </div>
    <!--/welcome-->
    <!--<div class="welcome-grids">
        <div class="container">
            <div class="welcome-gridsinfo">
                <div class="col-md-3 welcome-grid">
                    <i class="glyphicon glyphicon-pencil"> </i>
                    <h3>Prehistory</h3>
                    <p>Education began in the earliest prehistory, as adults trained the young in the knowledge and skills deemed necessary in their.</p>
                </div>
                <div class="col-md-3 welcome-grid">
                    <i class="glyphicon glyphicon-font"> </i>
                    <h3>Prehistory</h3>
                    <p>Education began in the earliest prehistory, as adults trained the young in the knowledge and skills deemed necessary in their.</p>
                </div>
                <div class="col-md-3 welcome-grid">
                    <i class="glyphicon glyphicon-blackboard"> </i>
                    <h3>Prehistory</h3>
                    <p>Education began in the earliest prehistory, as adults trained the young in the knowledge and skills deemed necessary in their.</p>
                </div>
                <div class="col-md-3 welcome-grid">
                    <i class="glyphicon glyphicon-education"> </i>
                    <h3>Prehistory</h3>
                    <p>Education began in the earliest prehistory, as adults trained the young in the knowledge and skills deemed necessary in their.</p>
                </div>
                <div class="clearfix"> </div>
            </div>
        </div>
    </div>-->
    <!--effect-grid-->
    <div class="effect-grid">
        <div class="container">
            <ul class="grid cs-style-5">
                <li>
                    <figure>
                        <img src="/Image/2531170_201339086000_2.jpg" alt="img03">
                        <figcaption>
                            <h3>学院试题</h3>
                            <span>2016年寒假试题</span>
                            <a href="#" onclick="LoginDo()" >点击进入</a>
                        </figcaption>
                    </figure>
                </li>
                <li>
                    <figure>                    
                        <img src="Image/2531170_102950000000_2.jpg" alt="img04">
                        <figcaption>
                            <h3>个人中心</h3>
                            <a href="#" onclick="LoginDo()">点击进入</a>
                        </figcaption>
                    </figure>
                </li>
                <li>
                    <figure>
                        <img src="Image/2531170_102739958000_2.jpg" alt="img01">
                        <figcaption>
                            <h3>论坛中心</h3>
                            <span>发布论坛发布论坛</span>
                            <a href="#" onclick="LoginDo()">点击进入</a>
                        </figcaption>
                    </figure>
                </li>
                <li>
                    <figure>
                        <img src="Image/2531170_102859909000_2.jpg"  alt="img02">
                        <figcaption>
                            <h3>淘宝外链</h3>
                            <span>够买VIp激活码</span>
                            <a href="about.html">点击进入</a>
                        </figcaption>
                    </figure>
                </li>
                <li>
                    <figure>                        
                        <img src="Image/timg.jpg" alt="img06">
                        <figcaption>
                            <h3>XXXXXX</h3>
                            <span>乐器联系助手</span>
                            <a href="#" onclick="LoginDo()">点击进入</a>
                        </figcaption>
                    </figure>
                </li>
                <li>
                    <figure>
                        <img src="Image/2531170_102841204000_2.jpg" alt="img05">
                        <figcaption>
                            <h3>教学交流区</h3>
                            <span>教学相关讨论模块</span>
                            <a href="#" onclick="LoginDo()">点击进入</a>
                        </figcaption>
                    </figure>
                </li>
            </ul>
        </div>
    </div>
    <!--\effect-grid-->
    <!--testmonials-->
    <div class="testimonials">
        <div class="container">
            <div class="testimonial-nfo">
                <h3>再见青春再见青春的梦想</h3>
             
            </div>
            <div class="testimonial-grids">
                <div class="testimonial-grid">
                    <p><span>"</span>  历史学就比较广了，单独的历史才算是历史学。比如：历史文献学、考古学、历史地理学、历史经济学、历史绘图学等等。当然，有的学校有笼统的历史学本科。<span> "</span></p>
                </div>
            </div>
        </div>
    </div>

    <div class="copyright">
        <!-- container -->
        <div class="container">
            <div class="text-center">
                <p>Copyright &copy; 2015.Company name All rights reserved.</p>
            </div>
            <!--<div class="copyright-right">
                <ul>
                    <li><a href="#" class="twitter"> </a></li>
                    <li><a href="#" class="twitter facebook"> </a></li>
                    <li><a href="#" class="twitter chrome"> </a></li>
                    <li><a href="#" class="twitter pinterest"> </a></li>
                    <li><a href="#" class="twitter linkedin"> </a></li>
                    <li><a href="#" class="twitter dribbble"> </a></li>
                </ul>
            </div>-->
            <div class="clearfix"> </div>

        </div>
        <!-- //container -->
        <!---->
        <script type="text/javascript">
		$(document).ready(function() {
				/*
				var defaults = {
				containerID: 'toTop', // fading element id
				containerHoverID: 'toTopHover', // fading element hover id
				scrollSpeed: 1200,
				easingType: 'linear'
				};
				*/
		$().UItoTop({ easingType: 'easeOutQuart' });
});
        </script>
        <a href="#to-top" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>
        <!---->
    </div>
    <!--/copy-rights-->
</body>
</html>

